/*
// | 后台管理系统
*/
/* ====================
     公共样式
==================== */
[v-cloak] {
	display: none;
}

* {
	padding: 0;
	margin: 0;
	font-family: "San Francisco", "Helvetica Neue", Arial, "Segoe UI", "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft Yahei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", "驿微米黑", SimSun, sans-serif;
}

html {
	background: #fff;
}

button {
	outline: none;
	border: none;
}

button[disabled] {
	background: #eeeeee !important;
	color: #333333 !important;
	cursor: not-allowed !important;
}

input {
	background: none;
}

input[type=number] {
	-moz-appearance: textfield;
	line-height: 0 !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

a {
	vertical-align: baseline;
	text-decoration: none;
	cursor: pointer;
	color: #333;
}

ul li {
	list-style: none;
}

i,
em {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

/* 浮动 */
.f-r {
	float: right;
}

.f-l {
	float: left;
}

/* 字体大小 */
.ft-14 {
	font-size: 14px;
}

/* 靠左 居中 靠右 */
.text-l {
	text-align: left !important;
}

.text-c {
	text-align: center !important;
}

.text-r {
	text-align: right !important;
}

/* 字体颜色 */
.color-F56C6C {
	color: rgba(245, 108, 108, 1);
}

button.color-F56C6C:hover {
	color: rgba(245, 108, 108, 0.8);
}

.color-67C23A {
	color: rgba(103, 194, 58, 1);
}

button.color-67C23A:hover {
	color: rgba(103, 194, 58, 0.8);
}

.color-909399 {
	color: rgba(166, 169, 173, 1);
}

button.color-909399:hover {
	color: rgba(166, 169, 173, 0.8);
}

/* padding */
.pd10 {
	padding: 10px;
}

/* margin */
.mr0 {
	margin-right: 0 !important;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px !important;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

/* 边框线 */
.border-bottom {
	border-bottom: solid 1px #ddd;
}

/* 平均分布 */
.flex_outside {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex_inside {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* 两行超出省略号 */
.ellipsis_two {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	word-break: break-all;
}

/* 一行超出省略号 */
.ellipsis_one {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 1;
	-moz-box-orient: vertical;
	word-break: break-all;
}

/* 垂直居中 */
.vertical {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	/* Firefox */
	-webkit-transform: translateX(-50%) translateY(-50%);
	/* Safari 和 Chrome */
	-ms-transform: translateX(-50%) translateY(-50%);
	/* Internet Explorer */
	-o-transform: translateX(-50%) translateY(-50%);
}

/* Opera */
/* css */
#app {
	min-width: 1200px;
}

.el-table .cell {
	text-align: center;
}

/*表格 底部分页 状态*/
.bottomstate {
	margin: 10px;
	overflow: hidden;
}

/* 单张图片 */
.avatar-uploader .el-upload {
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.avatar-uploader .el-upload:hover {
	border-color: #409EFF;
}

.avatar-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	width: 148px;
	height: 148px;
	line-height: 148px;
	text-align: center;
}

.avatar {
	width: 148px;
	height: 148px;
	display: block;
}



/* 轮播图管理 */
.swipercont {
	width: 830px;
}

.swipercont ul {
	width: 100%;
	display: table;
}

.swipercont ul li {
	width: 240px;
	margin-right: 50px;
	margin-bottom: 20px;
	float: left;
}

.swipercont ul li:nth-child(3n) {
	margin-right: 0;
}

/* 登录 */
.logincont {
	width: 400px;
	box-shadow: 0px 1px 35px 0px rgba(4, 0, 0, 0.2);
	position: fixed;
	padding: 20px;
}

.logincont .title {
	font-size: 24px;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

/* 手册目录 */
.swiper-main {
	width: 950px;
	position: relative;
	margin-bottom: 20px;
}

.swiper-container {
	width: 850px;
	height: 100%;
	position: static !important;
}

.swiper-button-next,
.swiper-button-prev {
	transform: scale(0.6);
}

.swiper-slide {
	text-align: center;
	cursor: pointer;
}

.swiper-slide img {
	width: 80px;
	height: 110px;
}

.swiper-slide p {
	font-size: 14px;
	color: #666;
	margin-top: 5px;
	height: 14px;
}

.bannerPic {
	width: 300px;
	height: 150px;
	object-fit: cover;
	cursor:pointer;
}


/* 慢病 */
.el-tag {
    margin-right: 10px;
}
/* 项目管理-研究阶段 */
.research-title {width:100%;display:table;margin-bottom:10px;}
.research-title span{position: relative;margin-right: 40px;background:#f95707;min-width:100px;padding:0 10px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:14px;float:left;}
.research-title span:after{content:'\279c';color:#999;position:absolute;right:-40px;width:40px;font-size:18px;}
.research-title span:last-child:after{content:""}
/* 添加/编辑模板 */
.edittemplate{
	margin-left:150px;
	border:solid 1px #ddd;
	padding:20px;
	width:800px;
	margin-bottom:20px;
}
.edittemplate .el-form-item__label{color:#333;font-weight: bold;}
.indicators ul li{margin-bottom:15px;}
.indicators ul li .mustbe{float:right;margin-top:11px;}

/* 生化指标管理 */
.bioche-project span{cursor:pointer;margin-right: 10px;background:#ccc;min-width:100px;padding:0 10px;height:35px;line-height:35px;text-align:center;color:#333;font-size:14px;float:left;}
.bioche-project span.active{background:#f95707;color:#fff;}
/* 生化指标管理详情 */
.bioche-Data dl{font-size:14px;color:#333;width:100%;display:table;margin-bottom:10px;line-height:36px;}
.bioche-Data dl dt{float:left;font-weight:bold;}
.bioche-Data dl dd{float:left;}
/* 选项卡 */
.el-tabs--border-card{box-shadow: none;width:1000px;margin-top:20px;}
.bioche-cont .bc-left{width:150px;float:left;font-size:14px;text-align:center;margin:60px 50px 0 0;}
.bioche-cont .bc-left div{margin-bottom:20px;color:#333;}
.bioche-cont .bc-left img{width:100px;height:100px;border:solid 1px #ddd;display:inline-block;margin-bottom:10px;}
.bioche-cont .bc-right{width:740px;float:left;}
.bioche-cont .bc-right ul{border:solid 1px #666;font-size:13px;}
.bioche-cont .bc-right ul li{height:40px;line-height:40px;border-bottom:solid 1px #ccc;}
.bioche-cont .bc-right ul li span{width:25%;float:left;box-sizing:border-box;text-align:center;border-right:solid 1px #ccc;}
.bioche-cont .bc-right ul li span .el-input__inner{border:none;text-align:center;}
.bioche-cont .bc-right ul li span .el-input__inner:hover{border:none;}
.bioche-cont .bc-right .search{text-align:center;margin-bottom:20px;}
.el-tabs__content{min-height:400px;}
/* tags */
.tagslist {float:left;}
.tagslist span{cursor:pointer;position:relative;background:#ccc;color:#333;margin-right:10px;min-width:80px;padding:0 10px;height:36px;line-height:36px;text-align:center;font-size:14px;display:inline-block;}
.tagslist span i{position:absolute;color:#f00;top:-8px;right:-8px;font-size:16px;cursor:pointer;}
.tagslist span.active{background:#f95707;color:#fff;}
/* 弹窗 */
.el-dialog{width:700px !important}
/*蓝色的复选按钮*/
.check_box {cursor:pointer;-webkit-appearance: none;outline: none; top:3px; position: relative; width:15px; height:15px; border: 1px solid #e6e6e6; -webkit-border-radius: 2px; border-radius: 2px !important; background-color: #fff; border-color: #bdbdbd; display: inline-block;}
.check_box.active { border-color: #409EFF; background-color: #409EFF;}
.check_box.active:after { content: ''; position: absolute; left: 2px; top: 3px; width: 9px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
/*end*/
.el-popover__title{font-size:14px !important;}
/* 选项卡 */
.el-tabs--border-card>.el-tabs__header .el-tabs__item.active {
    color: #409eff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6;
}
.el-form-item .check_box{float: left;margin: 8px 5px 0px 0px;}